<div class="mask"></div>
<div class="mask-content">
    <h4>搜索</h4>
    <form action="" id="search-form">
        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
            <input class="mdl-textfield__input" type="text" name="sacc" id="s-account">
            <label class="mdl-textfield__label" for="s-account">账号...</label>
        </div>
        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
            <input class="mdl-textfield__input" type="text" name="suser" id="s-username">
            <label class="mdl-textfield__label" for="s-username">用户名...</label>
        </div>
        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
            <input class="mdl-textfield__input" type="text" name="srole" id="s-role">
            <label class="mdl-textfield__label" for="s-role">角色...</label>
        </div>
        <div style="margin-top: 30px;">
            <button type="button" class="s-confirm mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored">
                确定
            </button>
            <button type="button" class="s-cancel mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
                取消
            </button>
        </div>

    </form>
</div>
